<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>22_CSS复合选择器-子代选择器3</title>

        <style>
            /* .d1 > div {
                color: red;
            } */

            .d1 > p {
                color: red;
            }
        </style>
    </head>
    <body>
        <div class="d1">
            <!-- p标签中 不能写div  因为不符合语义 -->
            <p>111
                <div>222</div>
                <div>333</div>
                <p>444</p>
            </p>

            <p>555</p>

            <div>666</div>
        </div>
    </body>
</html>